<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../c/aui.css" />
	<style>
		body {
			background-color: transparent;
			background-color: #000;
		}
	</style>
</head>

<body>
	<div class="aui-card-list">

	</div>
</body>
<script type="text/javascript" src="../j/api.js"></script>
	<script type="text/javascript" src="../j/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
	var scrollVideo
	apiready = function() {
		urls();
		scrollVideo = api.require('scrollVideo');
		scrollVideo.addEventListener(function(ret, err) {
			console.log(JSON.stringify(ret));
		});
		data();
	}
	function data(){
		_ajax('video/lists',function(ret,err){
			if(ret){
				console.log(JSON.stringify(ret));
				data = [];
				ret = ret.data;
				for (var i = 0; i < ret.length; i++) {
					var a = {};
					a.uid = ret[i].uid;
					a.imageUrl = _sx_qiniu+ret[i].img;
					a.videoUrl = _sx_qiniu+ret[i].url;
					a.isLocalCache = true;
					a.imageType  = 2;
					a.scalingMode = 3;
					var a_b = [{
						x: 100,
						y: 100,
						type: 'music',
						pic: _i+'login.png',
						pic2: _i+'login.png',
						lineColor: '#000000'
					}, {
						x: 100,
						y: 200,
						w: 100,
						h: 20,
						type: 'autoText',
						text: '@当文字不超过ScrollView的大小时不会滚动',
						textSize: 12
					}, {
						x: api.frameWidth - 45,
						y: 0,
						w: 40,
						h: 40,
						type: 'button',
						pic: _i+'login.png',
						lineColor: '#000000'
					}, {
						x: api.frameWidth - 45,
						y: 0 + 40,
						w: 40,
						h: 20,
						type: 'text',
						text: '测1',
						textSize: 12
					}, {
						x: api.frameWidth - 45,
						y: 60 + 20,
						w: 40,
						h: 40,
						type: 'button',
						pic: 'widget://image/test_uz_icon.png',
						lineColor: '#000000'
					}, {
						x: api.frameWidth - 45,
						y: 80 + 40,
						w: 40,
						h: 20,
						type: 'text',
						text: '测2',
						textSize: 12
					}, {
						x: api.frameWidth - 45,
						y: 120 + 40,
						w: 40,
						h: 40,
						type: 'button',
						pic: 'widget://image/gif1.gif',
					}

					, {
						x: 30,
						y: 400 - 80,
						w: 20,
						h: 20,
						type: 'button',
						pic: 'widget://image/test_uz_icon.png',
					}, {
						x: 55,
						y: 400 - 80,
						w: 40,
						h: 20,
						type: 'text',
						text: '测3',
						textSize: 12,
						gravity: 1, //0:center 1 : left 2 :right
					}, {
						x: 30,
						y: 400 - 50,
						w: 300,
						h: 60,
						type: 'text',
						text: '设置TextView文字居中,代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现代码实现',
						textSize: 12,
						gravity: 1, //0 中间 1 : left 2 :right
						isSingleLine: false
					}];
					// var b_s = {};
					// b_s.w = 100;
					// b_s.h = 100;
					// b_s.type = 'text';
					// b_s.text = '测试';
					// b_s.name = '测试2';
					// b_s.textColor = '#f00';
					// b_s.lineColor = '#f00';
					// b_s.gravity = 0;
					// a_b.push(b_s);
					//
					// var b_s = {};
					// b_s.x = api.winWidth - 65;
					// b_s.y = api.winHeight - 65 - 300;
					// b_s.w = 50;
					// b_s.h = 50;
					// b_s.type = 'text';
					// b_s.name = '测1222';
					// b_s.textSize = 18
					// a_b.push(b_s);
					//
					// var b_s = {};
					// b_s.x = api.winWidth - 65;
					// b_s.y = api.winHeight - 65;
					// b_s.w = 50;
					// b_s.h = 50;
					// b_s.pic1 = _i+'logo.png';
					// b_s.type = 'music';
					// b_s.text = '测试22';
					// b_s.name = '测试233';
					// b_s.textColor = '#f00';
					// b_s.textSize = 18
					// b_s.gravity = 0;
					// a_b.push(b_s);

					a.styles = a_b;

					data.push(a);
				}
				console.log(JSON.stringify(data));
				scrollVideo.openScrollVideo({
					rect: {
						x: 0,
						y: 0,
						h: api.winHeight
					},
					userData:data,
				}, function(ret, err) {
					console.log(JSON.stringify(ret) + "   " + JSON.stringify(err));
				});
			}
		})
	}
</script>

</html>
